<!-- 关于我们 -->
<template>
  <view class="aboutus-box">
    <view>
      <view class="login-logo-box">
        <image
          class="login-logo"
          src="https://minio.wskjwl.com/uipicture/login_logo.png"
          mode=""
        ></image>
      </view>
      <view class="content-box"
        >物实科技由物实科技（江苏）有限公司主办，一站式物流信息服务平台，为司机、车主、货主提供货源信息发布、车源货源匹配等服务，分享生活服务信息。</view
      >
      <view>
        <view
          class="phonelist-box"
          v-for="(item, index) in phonelist"
          :key="index"
          @click="handleClickcustomerService(item)"
        >
          <view> {{ item.name }}： </view>
          <view> {{ item.phone }}</view>
        </view></view
      >
    </view>
    <view>物实科技(江苏)有限公司 版权所有</view>
  </view>
</template>
<script>
export default {
  name: 'aboutus',
  data() {
    return {
      phonelist: [
        {
          name: '连云港客服',
          phone: '19819530008',
        },
        {
          name: '日照港客服',
          phone: '19819510008',
        },
      ],
    }
  },
  methods: {
    //调用手机号
    handleClickcustomerService(val) {
      uni.makePhoneCall({
        // 手机号
        phoneNumber: val.phone,
        // 成功回调
        success: (res) => {},
        // 失败回调
        fail: (res) => {},
      })
    },
  },
}
</script>
<style lang="scss" scoped>
.aboutus-box {
  width: 100%;
  height: 100vh;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0rpx 24rpx 40rpx;
  font-size: 28rpx;
  .login-logo-box {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .login-logo {
    width: 254rpx;
    height: 62rpx;
    margin: 88rpx 0;
  }
  .content-box {
    text-indent: 60rpx;
    line-height: 33rpx;
    margin-bottom: 184rpx;
    font-size: 24rpx;
  }
  .phonelist-box {
    line-height: 80rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2rpx solid #e5e5e5;
  }
}
</style>
